 // 获取商品的id
      //获取url中 问号后面的内容--搜索字段
      console.log(location.search);
      //a=2&b=2&ddw=2 转为对象
      var obj = new URLSearchParams(location.search);
      console.log(obj);
      //   732951
      //   通过get方法 获取对应的参数的值
      var pid = obj.get("id");
      console.log(pid);

      //   2---根据商品id获取商品详情 ，调用接口
      let url = "http://jx.xuzhixiang.top/ap/api/detail.php";
      axios.get(url, { params: { id: pid } }).then((r) => {
        console.log(r.data);
        //商品对象
        var pObj = r.data.data;
        console.log(pObj);

        // 拼成商品详情给 div
        let str = `
        <div class="left">
        <div class="thum" id="thum">
          <img src="${pObj.pimg}" alt=""> 
          <div class="mask" id="mask"></div>
        </div>
        <div class="big" id="big">
          <img id="bigImg" src="${pObj.pimg}" alt="">
        </div>
      </div>
              
        `;
        document.querySelector(".left").innerHTML = str;
      });

      //   5-1
      //   加入购物车事件
      function addCartHandle() {
        console.log("点击了加入购物车");
        // 5-2 发起请求
        let uid = localStorage.getItem("id");
        let pnum = document.querySelector(".pnum").value;
        let url = "http://jx.xuzhixiang.top/ap/api/add-product.php";
        axios
          .get(url, {
            params: {
              uid,
              pid,
              pnum,
            },
          })
          .then((r) => {
            //加入购物车成功
            console.log(r.data);
          });
      }